<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<#include "../../commonUse.html"/>
		<link  rel="stylesheet" href="${ctx.contextPath}/pages/system/comment/css/main.css" />
		<link rel="stylesheet" type="text/css" href="${ctx.contextPath}/pages/system/comment/css/sinaFaceAndEffec.css" />
		<title></title>
	</head>
	<body>
		<div id="content" style="width: 700px; height: auto;">
			<div class="wrap">
				<div class="comment">
					<div class="head-face">
						<img src="${ctx.contextPath}/pages/system/comment/images/1.jpg" / >
						<p>我是鸟</p>
					</div>
					<div class="content">
						<div class="cont-box">
							<textarea class="text" placeholder="请输入..."></textarea>
						</div>
						<div class="tools-box">
							<div class="operator-box-btn"><span class="face-icon"  >☺</span><span class="img-icon">▧</span></div>
							<div class="submit-btn"><input type="button" onClick="out()"value="提交评论" /></div>
						</div>
					</div>
				</div>
				<div id="info-show">
					<ul></ul>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="${ctx.contextPath}/pages/system/comment/js/main.js"></script>
	<script type="text/javascript" src="${ctx.contextPath}/pages/system/comment/js/sinaFaceAndEffec.js"></script>
	<script type="text/javascript">
		// 绑定表情
		$('.face-icon').SinaEmotion($('.text'));
		// 测试本地解析
		function out() {
			var inputText = $('.text').val();
			$('#info-show ul').append(reply(AnalyticEmotion(inputText)));
		}
		
		var html;
		function reply(content){
			html  = '<li>';
			html += '<div class="head-face">';
			html += '<img src="'+ctp+'/pages/system/comment/images/1.jpg" / >';
			html += '</div>';
			html += '<div class="reply-cont">';
			html += '<p class="username">小小红色飞机</p>';
			html += '<p class="comment-body">'+content+'</p>';
			html += '<p class="comment-footer">2016年10月5日　回复　点赞54　转发12</p>';
			html += '</div>';
			html += '</li>';
			return html;
		}
	</script>
</html>
